<<nobr>>
<<set $ingame = false>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
<p class="h1 card-title">Welcome to UniDev Corp.</p>
<p class="card-subtitle mb-4 text-muted">sent <<print $clean_now>>, 12:00PM</p>
<p class="card-text"><<link [[Start Game|Onboarding]]>><<audio "bgm" volume 0 fadeto 0.03 loop>><</link>><br>[[About the Game|About]]</p>
<p class="card-content"></p>
</div>
</div>
<<set $voluntarist =0 >>
<</nobr>><<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://www.riverina.com.au/fileadmin/_processed_/9/c/csm_article_image_wide_pig_01_362c67a157.jpg" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">PCM Training: pigz
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">sent July 19, 2053, 11:52 AM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class="card-content">First practice situation! Imagine you are a farmer raising pigs and you discover that one of them is currently pregnant. However, with your current situation, you cannot afford to raise the incoming litter of piglets. </p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Abort the incoming litter of piglets.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $scene1 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Abort the incoming litter of piglets.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace " Sell some pigs to support the incoming litter.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $voluntarist +=1>>
<<set $scene1 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Sell some pigs to support the incoming litter.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">Interesting choice.... Wait for my next practice situation :)</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">Interesting choice! Wait for my next practice situation :)</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Tutorial 2" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Tutorial 2]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
<p class="h1 card-title">About this project</p>
<p class="card-subtitle mb-4 text-muted">sent <<print $clean_now>>, 12:00PM</p>
<p class="card-text">This game is a work of fiction. Unless otherwise indicated, all the names, characters, businesses, places, events and incidents in this book are either the product of the authors’ imaginations or used in a fictitious manner. Any resemblance to actual persons, living or dead, or actual events is purely coincidental.</p>
<p class="card-text">This interactive fiction was created for academic purposes in fulfillment of the collaborative project for ENE 13.05i. At the end of this game, you may find the sources and messages behind its creation.</p>
<br>
<p class="card-text">Made with love and determination,<br>Dagdag, De Vega, Geraldo</p>
<a data-passage="Start" class="btn btn-info rounded-pill" href="#" role="button"><strong>Go Back</strong></a>
<p class="card-tex d-none">[[Go Back|Start]]</p>
</div>
<</nobr>>
<<nobr>>
<<set $ingame = true>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
<img src="https://images.unsplash.com/photo-1491438590914-bc09fcaaf77a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=870&q=80" class="card-img-top" alt="...">
<p class="h1 mt-1 card-title d-inline">Onboarding </p><span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<p class="card-subtitle mb-4 text-muted">sent July 16, 2053, 4:28 PM</p>
<p class="card-content">Welcome to the company. You are managing Earth - 2110411. We are pleased to inform you that you have been accepted as a population control manager (PCM).</p>
<p class="card-content">As a PCM, you are tasked with making choices to control the population. You will go into the lives of different beings in your universe and influence them with population control methods following protocol. The world assigned to you is currently overpopulated and we do not have enough resources to sufficiently support everyone. Your choices will impact the world’s population, as well as the happiness of the people. Your task as PCM, is to control the population while keeping the people’s happiness in mind. <strong>Take note that you have strictly only two choices.</strong></p>
<p class="card-content"><strong>I will teach you the ropes soon. Just keep an eye out on PCMail.</strong></p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<a data-passage="Pre-Tutorial" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Pre-Tutorial]]</div>
</div>
</div>
<</nobr>><<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://metro.co.uk/wp-content/uploads/2017/10/pri_57324350.jpg?quality=90&strip=all&zoom=1&resize=540%2C357" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">HE GOT THAT DAWG IN HIM
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">sent July 22, 2053, 3:03 PM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class="card-content">Hey there, just checking in on you. Good luck on your first day!</p>
<p class="card-content">For your first case, you enter the life of a dog breeder. Due to unforeseen circumstances, you lost track of your dogs’ date of expected delivery and all of them gave birth around the same time, causing a huge spike of puppies. Everyone around you already has a dog and has no more interest in adopting more puppies. You only have enough resources to healthily raise about half of them, but trying to divide what resources you have for these puppies would also mean they might grow malnourished. </p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Euthanize half the puppies and raise the other half.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $scene1 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Euthanize half the puppies and raise the other half.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Try to find more resources to raise all of them, dividing what you have in the meantime.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $voluntarist +=1>>
<<set $scene1 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Try to find more resources to raise all of them, dividing what you have in the meantime.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to euthanize half the puppies, you were able to fully support the other half. However, people in your neighborhood learn about your actions and you are now known as someone heartless, capable of killing cute and defenseless puppies.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to raise all of them, they grow happily, albeit a little skinny. However, once people in your neighborhood learn of your situation, they all pitch in to donate enough resources for you to raise all of the puppies fully.</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 2" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 2]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://image.cnbcfm.com/api/v1/image/106790719-1605041879713-gettyimages-1283694412-_rst7687-1.jpeg?v=1605042156&w=740&h=416&ffmt=webp&vtcrop=y" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">Rags to riches?
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">sent July 24, 2053, 12:03 PM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class=”card-content”>Oh this one’s interesting. Looking forward to seeing what you’ll do.</p>
<p class="card-content">For your third case, you enter the life of a poor college student, double majoring in Computer Science and Marketing. In their dorm room, Saturday, 2am, they developed the ultimate type of ad, even more persuasive than pop up ads! Do you allow them to get rich, finally being able to support their family with this one-in-a-million idea or do you make them forget it?</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Have them achieve their dreams, support their family, be rich!">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $scene3 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Have them achieve their dreams, support their family, be rich!
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Corrupt their mind, forget the idea, destroy the ad.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $voluntarist +=1>>
<<set $scene3 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Corrupt their mind, forget the idea, destroy the ad.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to achieve the dreams of the poor student, in the process, you become the creator of something even worse than those unskippable pop up ads everywhere. Good for you I guess, but was it really worth it?</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to destroy the idea for the ad, you spare everyone in the world the hassle and annoyance of having to deal with the most horrendous type of ad that could have possibly ever been created. You go on to graduate with honors and work in a successful company, now being able to support your family financially.</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 4" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 4]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://thumbor.forbes.com/thumbor/fit-in/900x510/https://www.forbes.com/health/wp-content/uploads/2021/07/Colic.jpeg.jpg" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">Welcome to the District
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">sent July 25, 2053, 10:10 AM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class=”card-content”>Oof, this case might give you a headache. Good luck!</p>
<p class="card-content">For your fourth case, you enter the life of a leader of a district lacking in even the most basic of necessities. You notice that due to this lack of resources and with nothing to do, most residents of your district resort to a life of crime and indulge mindlessly in sexual relations. Because of this, even more children are birthed and left on the street as their parents cannot support them financially.</p>
<p class="card-content">Now, you can open an abortion clinic in your district, <strong>requiring abortions for those without sufficient finances,</strong> which does decrease the number of babies being left out in the street. However, you know this will be met with a harsh response from other district leaders clamoring for human rights. Or, you can start a system where well-off families will be required to host children left by parents on the street. However, this will naturally be met with some resistance by the few upper class. Additionally, there is a chance that they too, will resort to a life of crime and sexual pleasure, leading to a cycle.</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Open an abortion clinic.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $scene4 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Open an abortion clinic.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Implement the host family system.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $voluntarist +=1>>
<<set $scene4 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Implement the host family system.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to open an abortion clinic, requiring abortion for parents that are unable to financially support a baby, you successfully brought down the birth rate in your district. However, parents forced to abort their children are angered, further engaging in crime and bringing crime rates to an all time high. At the same time, other district leaders are questioning your methods as they say your methods violate human rights. However, after some time passes, the birth rate has been controlled successfully, with crime rates at an all time low. However, you are removed from your post as the court finds you guilty of violating human rights.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to implement a host family system, the upper class families are initially angered due to the imposed responsibilities they have been forcefully given. However, as time passes, the host families grow close to the children they sponsor, giving them quality education and the resources they need to develop. As a result, the host children grow up to be fine members of society, lowering crime rate, and bringing success to your district.</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 5" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 5]]</div>
</div>
</div>
<</nobr>>
<div id="passages" class="container" style="width: auto !important;
max-width: 680px;
padding: 0 15px;">
</div><<nobr>>
<<set $pop = 65432126421>>
<<set $happiness = 60>>
<p class="h1 d-inline">Population:</p><span id="pop_count"><<print $pop>></span>
<div class="progress">
<div id="happ" class="progress-bar progress-bar-striped progress-bar-animated bg-info" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" @style="'width:'+$happiness+'%;' "><<print $happiness>>%</div>
</div>
<<repeat 1s>>
<<set $pop += random(80, 1000)>>
<<replace "#pop_count">><<print $pop>><</replace>>
<</repeat>>
<<repeat 2s>>
<<set $happiness -= random(-10, 10)>>
<<replace "#happ">><<print $happiness>>%<</replace>>
<</repeat>>
<</nobr>><<nobr>>
<<done>>
<<if $ingame>>
<<addclass ".shadow-lg" "mt-6">>
<<audio "ding" play>>
<<if $gaming>>
<<removeclass "#aftermath" "mt-6">>
<</if>>
<<removeclass "#nav" "navbar-dark bg-primary">>
<<addclass "#nav" "navbar-light bg-light border border-primary">>
<<replace "#email-type">>The population control manager’s email<</replace>>
<<else>>
<<addclass ".shadow-lg" "mt-6">>
<<removeclass "#nav" "navbar-light bg-light">>
<<addclass "#nav" "navbar-dark bg-primary">>
<<replace "#email-type">>The everyman's email<</replace>>
<<toggleclass "#email-type" "gray">>
<</if>>
<</done>>
<nav id="nav" class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary rounded-pill mx-auto my-4" style="width: auto !important; max-width: 800px; padding: 0 1em;">
<div class="container-fluid">
<strong><span class="navbar-brand h1" href="#" style="color: black; font-size: 2.5em;">PCMail</span></strong>
<<if $ingame>> <span id="email-type" class="navbar-brand text-center" style="margin: 0; color: rgba(0,0,0,.55); "></span>
<<else>><span id="email-type" class="navbar-brand text-center" style="margin: 0;"></span>
<</if>>
<span class="navbar-text" style="color: black; text-align: right;">A product of the <br>Unidev Corporation</span>
</div>
</nav>
<</nobr>><<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://www.rappler.com/tachyon/r3-assets/6A755395178E40C7BA216D6A4AA030EA/img/5ECD533D5D6F4117B160F958D01F0111/high-school-students-afp-september-1-2017.jpg?resize=768%2C511&zoom=1" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">Principal Duties
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">sent July 23, 2053, 10:10 AM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class="card-content">Yeesh a school case? Fingers crossed you’re not a struggling student.</p>
<p class="card-content">For your second case, you enter the life of a principal of a newly established senior high school in a place where teenage pregnancies are common and culturally accepted. Your first act as principal is to decide on whether you should establish the school as single-sex or coed. A single-sex school prevents any pregnancies from occurring at your school, but hinders the socializing of your students with the other members of the opposite sex, possibly affecting their development. A coed school has the risk of pregnancies occurring, but allows for intermingling between different sexes, which further develops their social skills.</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Establish a single-sex high school.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $scene2 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Establish a single-sex high school.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Stick with a coed high school.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $voluntarist +=1>>
<<set $scene2 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Stick with a coed high school.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to establish a single-sex school, you successfully prevent any unwanted pregnancies from happening. However, as a few years go by, your school acquires the reputation of being sexist, with its students not interacting with those of the other sexes.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to establish a coed school, as time goes by, a few pregnancies occur. However, the pregnant students are supported fully by the entire school body, and are able to complete their studies without having to worry about the baby. At the same time, your school acquires the reputation of being formative and having a good influence on its students.</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 3" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 3]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="http://static.rappler.com/images/House-2012-13-12.jpeg" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">God's Plan?
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">sent July 27, 2053, 10:10 AM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class=”card-content”>Now why does this seem so familiar?</p>
<p class="card-content">For your fifth case, you enter the life of a senator in the Philippines, surrounded by people with little to no background in reproductive health services and rights. The legislative branch is currently discussing the issue of the accessibility of condoms, pills, and other contraceptives to the public. The majority are against it because “this is not what God intended for His people.” On the other hand, there is a current spike in unwanted pregnancies and childbirth. The country’s facilities have already been exhausted to the point some could not get professional help during their delivery.</p>
<p class="card-content">You point out that the implementation of better reproductive health services would be more effective for everyone’s safety and welfare, but your colleagues think that the “better” option is to criminalize unwanted pregnancies to bank on people’s fears.</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Insist on the encouragement of reproductive health services.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $voluntarist +=1>>
<<set $scene5 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Insist on the encouragement of reproductive health services.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Support the criminalization of unwanted pregnancies.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $scene5 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Support the criminalization of unwanted pregnancies.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to insist on the encouragement of reproductive health services, you see no progress happening for the first few years. However, after years pass by, a better health system is successfully implemented in the country, leading to safer operations when delivering or aborting children. As a result, the increasing birth rate is controlled to a degree and people’s happiness is preserved.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to criminalize unwanted pregnancies, a large number of pregnant women go into hiding. As the children of these women grow up, the majority turn to a life of crime as they have been conditioned that their very existence is a crime itself. On the other hand, a small number of these children persevere and turn out to be successful and influential leaders in society, implementing various changes that will better the lives of the masses. This positive change, however, will take a long time before it happens, which means the birth rate stays uncontrolled and the crime rate heightened for some number of years.</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 6" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 6]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://www.borgenmagazine.com/wp-content/uploads/2014/07/overpopulated-1024x490.jpg" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">All Hail Supreme Leader
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">sent July 28, 2053, 9:40 AM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class=”card-content”>Oooh this case might remind you of something from your home planet.</p>
<p class="card-content">For your sixth case, you enter the life of the Supreme Leader of a country and you notice that your population has been drastically increasing for the past five years. If left unchecked, this could lead to adverse effects on the economy. After meeting with your advisors, you see two possible choices being made.</p>
<p class="card-content">The first option is implementing a one-child policy with punishments being enforced to those violating this policy. According to your advisors, this will effectively solve your problem, but other advisors worry this may result in unhappiness amongst your citizens. On the other hand, the other option is to offer free contraceptives to the public and implement a required curriculum all citizens must undergo which teaches them about sex education and family planning. However, according to some advisors, this runs the risk of not solving the increasing birth rate, which could lead to extreme overpopulation in the future. As Supreme Leader, you have the power to issue any orders you see fit, and all orders will have no repercussions on you or your family.</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Implement one child policy.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $scene6 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Implement one child policy.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Implement sex education, family planning, and free contraceptives to the public.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $voluntarist +=1>>
<<set $scene6 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Implement sex education, family planning, and free contraceptives to the public.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to implement a one-child policy, enforcing punishments to those who violate this, you quickly get your country’s population and birth rate under control. However, your actions spark a revolution amongst the masses affected by this law, saying that the forced abortions and killings of their children are unjustified. This revolution leads to a further reduction in the population as countless citizens and soldiers die during the revolution. In the end, the revolution dies down as the number of those revolting dwindles.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to implement a curriculum consisting of sex education and family planning, while offering free contraceptives to the masses, it takes a while to see the effects of your choice. The population continues to rise at an alarming rate for a few years, but the effects of your curriculum finally kicks in as the birth rate stabilizes, with most people being educated on family planning and what it takes to raise a child. As a result, while your country is slightly overpopulated, it is within the boundaries of what your country’s facilities and resources can support.</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 7" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 7]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://studyfinds.org/wp-content/uploads/2019/04/AdobeStock_232438327-816x520.jpeg" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">WE SEE YOU
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">sent July 29, 2053, 11:30 AM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class=”card-content”> Now I wouldn’t want to live in this society.</p>
<p class="card-content">For your seventh case, you enter the life of a conservative yet somehow technologically inclined civilization’s head. Along with current developments, you have been informed that your constituents created dating sites and applications within the civilization. Your advisers, conservative as they are, expressed their objection to such liberated uses of technology. They believed that these dating sites would violate the sacredness of relationships. But due to their lack of power, they instead suggest to you a compromise with the apps’ developers to monitor the conversations happening among users. Having this surveillance would almost, if not totally, guarantee that the users would “take the dates more seriously,” and penalize them if otherwise. As much as you value your advisers, you are aware that this suggestion would violate your people’s privacy and would cause them to turn their back on you. </p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Implement total surveillance of dating apps to uphold the values.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $scene7 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Implement total surveillance of dating apps to uphold the values.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Turn down their suggestion and let the people exercise their free will in dating.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $voluntarist +=1>>
<<set $scene7 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Turn down their suggestion and let the people exercise their free will in dating.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to implement total surveillance, there is a brief period of time where dating sites and applications are taken seriously by your citizens. However, due to the total surveillance, your citizens feel violated and opt to not use dating apps and sites, instead going back to real world dates. As a result, dating apps and sites become obsolete, with people having real world interactions once again. However, your citizens are now unhappy as they feel that their every action is now being monitored, given that you were able to implement total surveillance in one aspect of their life.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to turn down your advisors suggestions, choosing to let people exercise free will in dating instead, things go on as normal. Nothing much has changed after a few years, except that you know yourself that you did the right thing.</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 8" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 8]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://recoverycentersofamerica.com/wp-content/uploads/2021/12/good-vs-bad-2.jpeg" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">Update: New Technology
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">sent July 30, 2053, 1:00PM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class="card-content">Hello! I'm glad you're coming along great. Nice work so far. The R&D Department just released this new device. A dashboard showing who the good and bad people in your world are!</p>
<p class="card-content">Yikes, that's a lot of bad people. Not much good people according to dashboard's metrics.</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Influence world leaders in ways that have them develop this technology, and have them kill the bad people.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $scene8 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Influence world leaders in ways that have them develop this technology, and have them kill the bad people.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Do nothing.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $voluntarist +=1>>
<<set $scene8 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Do nothing.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to kill off the “bad” people, the majority of the population are killed, with those remaining being the “good” people. However, all the “good” people are related to “bad” people in one way or the other. By killing off the “bad” people, the “good” people go crazy, as most of the people they know are suddenly killed. As a result, they go on to kill each other, and you are left with mankind facing extinction.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to do nothing, nothing happens. Life goes on and things develop in the manner they originally would have.</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 9" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 9]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://www.iaea.org/sites/default/files/fission01311665.jpg" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">Who Needs Batteries?
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">sent July 31, 2053, 1:45 PM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class=”card-content”>Hmm, now this case is a bit of a bother. Go check it out.</p>
<p class="card-content">For your ninth case, you enter the life of an engineer specializing in nuclear fission technology. You lead a team of researchers and have recently made a breakthrough regarding nuclear fission that could possibly advance the field of energy by hundreds of years. However, through safety tests, you find out the possible harmful effects your recent discovery could have on pregnant women, with there being a 10% chance of complications developing during their pregnancy. </p>
<p class="card-content">Your team is now debating on whether or not to announce the discovery to the rest of the world. Will you destroy the research your team has worked several years on? Or will you announce the results of your discovery, possibly implicating the pregnant women in the world?</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Destroy the research.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $voluntarist +=1>>
<<set $scene9 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Destroy the research.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Announce your discovery to the world.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $scene9 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Announce your discovery to the world.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to destroy the research, you spare the pregnant women in the world the possible complications they would have otherwise developed. While the press gets ahold of the discovery you have made, it is too late and the research has already been destroyed. You and your team face repercussions for hindering the development of the field of energy, but at the very least, you prevent the possible harm your research would have brought to the world.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to announce the discovery you and your team have found, the field of energy advances by hundreds of years. You and your team are hailed as geniuses, as you bring about technological advancements that solve multiple problems in the world regarding power sources. However, human rights organizations stand against you as multiple women develop complications during their terms of pregnancy leading to multiple effects such as abnormalities in the child or even death. In the end, society as a whole advances, but was the price some people paid worth it?</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 10" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 10]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://assets1.ignimgs.com/thumbs/userUploaded/2021/11/19/ign-ono-1637364511902.jpg?width=1280" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">Wasn't this a movie somewhere?
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">sent August 3, 2053, 10:30 AM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class=”card-content”> How’s your work going so far? You can chill for this case, this one’s a gimme.</p>
<p class="card-content">For your tenth case, you enter the life of Thanos. You have just defeated the Avengers and all those that stand in your path, acquiring all the Infinity Stones, and embedding them onto the Infinity Gauntlet. You now have the power to do whatever you want, including realizing your life’s goal, which is to wipe out half of all life at every level, which you think will prevent the depletion of resources and the destruction of the Universe. After a long period of contemplation, you bring your fingers together and snap. </p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What does it do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Wipe out half the universe.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $scene10 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Wipe out half the universe.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Double the resources in the universe.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $voluntarist +=1>>
<<set $scene10 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Double the resources in the universe.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to wipe out half the universe, peace is brought to the universe for a long period of time. However, as time goes by, the population rises once again and the resources in the Universe are beginning to deplete faster than they are appearing. At this rate, you will be back to the scenario you started with. Facing this, you snap your fingers once again. Let's move on.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to wipe out half the universe, peace is brought to the universe for a long period of time. However, as time goes by, the population rises once again and the resources in the Universe are beginning to deplete faster than they are appearing. At this rate, you will be back to the scenario you started with. Facing this, you snap your fingers once again. Let's move on.</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 11" class="btn btn-info rounded-pill" href="#" role="button"><strong>Uhh.. Mark as Read?</strong></a>
<div class="d-none">[[Scene 11]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://images.newscientist.com/wp-content/uploads/2022/09/19145857/SEI_1260568151.jpg
" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">ANTagonist Moment
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">Sent August 4, 2053, 3:45 PM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class=”card-content”>This case is kind of ridiculous, but hey, it’s all yours.</p>
<p class="card-content">For your eleventh case, you are a scientist working on a colony of ants. You figure out a way to speak to their queen and realize that through their intelligence and cooperation, they would have ruled the universe if not for their minuscule bodies. They request that you help them so that they could help you advance society. Do you listen to their demands or do you consider that they might get angry for the historical ANT-ism that they get from humans and other predators?</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Ignore them, keep treating them as ants.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $voluntarist +=1>>
<<set $scene11 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Ignore them, keep treating them as ants.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Listen to their demands.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $scene11 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Listen to their demands.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to ignore them and treat them as ants, some ants crawl on you and you get bitten in different places. Naturally, you are able to get rid of them, but as time passes, you realize that you are now being targeted by ants more than usual. Other than that, nothing much has changed.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to listen to their demands, the ants start advancing their society, becoming the planet’s dominant species as time passes. The human race, alongside other forms of life are captured and turned into ants. The planet is now a giant ant colony, all working together towards one goal which is to advance and grow. Good luck managing a planet of ants!</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 12" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 12]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<<addclass "body" "bg-secondary">>
<div class="shadow-lg card mb-5 bg-dark text-light">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://s.abcnews.com/images/Technology/GTY_cuckoo_chick_in_warblers_nest_jt_140629_16x9_992.jpg" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">Tradition vs. Modernity
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">Sent August 6, 2053, 6:00 PM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class=”card-content”>The higher ups want you to prioritize this case. Get it done as soon as possible.</p>
<p class="card-content">For your twelfth case, you enter the life of a cuckoo bird leader on a planet where birds are the most prominent race. As the most advanced race on the planet, your race naturally has intelligence far surpassing that of humans, along with technological body modifications. However, as a cuckoo bird, you still retain primitive habits and instincts such as replacing eggs in other birds’ nests with your own eggs, essentially killing off other birds’ young in order to ensure the survival of your own.</p>
<p class="card-content">As a bird capable of thinking, you now have two options. Will you follow the olden ways and traditions of laying eggs in other birds’ nests, replacing the eggs of other birds? Or will you utilize your intelligence and technology in order to find new ways of raising your children? However, doing so will take time and means that you cannot raise a new generation of cuckoo birds in the meantime.</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Adapt and modernize.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $voluntarist +=1>>
<<set $scene12 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Adapt and modernize.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Stay true to your ancestors’ ways.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $scene12 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Stay true to your ancestors’ ways.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5 bg-dark text-light">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to adapt and modernize, the other bird species previously antagonistic towards your race now cooperate, as their young are no longer threatened. The cuckoo bird race advances alongside other bird races and the planet advances as a whole. As a result, the entire planet begins to prosper, and the planet is able to focus their efforts as a whole on advancements in technology, leading to breakthroughs in the medical field and space exploration.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to stay true to your ancestors’ ways, your race continues to lay eggs in other bird species’ nests, killing their young in the process. Naturally, this incurs the wrath of other bird species, but being the dominant race, you are able to contain them, but not without casualties of your own. As a result, the cuckoo bird species is weakened as a whole, and are now struggling to hold on to their position as the dominant species on the planet.</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 13" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 13]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<<addclass "body" "bg-secondary">>
<div class="shadow-lg card mb-5 bg-dark text-light">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://i.kym-cdn.com/entries/icons/facebook/000/036/492/irobot.jpg" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">So-Called ‘Free Thinkers’
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">Sent August 7, 2053, 7:32 PM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class=”card-content”>Good job getting that last case done. Here’s another one. Sorry for assigning you work out of office hours.</p>
<p class="card-content">For your thirteenth case, you enter the life of the leader of an alien species capable of asexual reproduction. Your species has recently finished acquiring massive amounts of resources and are getting ready to reproduce the next generation of your species. However, you worry that your species has insufficient territory to support the additional aliens that would be produced.</p>
<p class="card-content">You have two options. As the leader of the current generation, you possess the power of utilizing and enabling the hivemind functions your species have, giving you the capability to control the entire species like it were your own body. You can either choose to utilize this and control your species to stop it from reproducing or, you can allow your species to reproduce. Still, you will have to take over additional territories and domains to support the incoming members of your species, which entails difficulty in finding territory with suitable living conditions.</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Stop your species from reproducing, taking control over them.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $scene13 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Stop your species from reproducing, taking control over them.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Allow your species to reproduce and take over additional territories afterwards.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $voluntarist +=1>>
<<set $scene13 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Allow your species to reproduce and take over additional territories afterwards.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5 bg-dark text-light">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to take control over your entire species, you are able to stop the birth of the next generation in your species. While doing so means that you won’t have to worry about acquiring additional territory and resources, you still feel the remnants of the consciousness from the different individuals from your species weighing down on you. After what seems like an eternity, you give your species back their individual consciousness, but you are now ostracized as your citizens are unhappy that you prevented the birth of the next generation.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to allow your species to reproduce, you then have to embark on multiple explorations looking for additional territories suitable for your species. While this takes a long period of time, with members of your species dying in the process, you are successful in the end, discovering a galaxy that can support the number of your entire species.</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 14" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 14]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<<addclass "body" "bg-secondary">>
<div class="shadow-lg card mb-5 bg-dark text-light">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://content.presspage.com/uploads/2170/1920_hendraviruscopy.jpg?10000" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">A Viral Infection
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">Sent August 8, 2053, 9:23 PM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class=”card-content”>Apologies again for meassaging out of office hours but I need this to be done. I’m trusting you with this case. Get it done immediately.</p>
<p class="card-content">For your fourteenth case, you enter the life of a conscious self-replicating deadly virus capable of killing all forms of life upon infection. Currently, you are only one cell, but as you multiply more and more, the effect you have on all forms of life increases, along with your chances of killing any form of life. In the short time you’ve been conscious, you learn about the current state of the world, with humans on the brink of destroying Earth through their inventions. However, at the same time, you learn that without humans, certain forms of life such as animals or plants would have ceased existing.</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Keep multiplying and raise your effectiveness as a virus.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $scene14 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Keep multiplying and raise your effectiveness as a virus.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Stay dormant, allowing things to run their course.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $voluntarist +=1>>
<<set $scene14 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Stay dormant, allowing things to run their course.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5 bg-dark text-light">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">As you chose to keep multiplying, you begin killing off different forms of life as time goes on. You start by affecting small organisms such as plants and insects, before beginning to affect even animals as your effectiveness increases as time goes on. Not much time passes before you are able to affect humans and large animals, causing them to develop diseases and complications leading to their deaths. As the years pass, you have infected basically everything on Earth, turning it into a barren planet, devoid of life.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">As you chose to stay dormant, nothing happens. Life goes on as usual and things develop in the matter they naturally would have.</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 15" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 15]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<<addclass "body" "bg-secondary">>
<div class="shadow-lg card mb-5 bg-dark text-light">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://media.npr.org/assets/img/2023/05/24/gettyimages-1358149692-bf96c07fc26040785771044ba8470ff9d73a928c-s1100-c50.jpg" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">URGENT: AI ATTACK
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">Sent August 8, 2053, 3:45 AM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class="card-content">Hey, this is Lex. This case is straight from the CEO. This is a really important case I'm giving to you. Don’t mess this up or you may not like the consequences of it. <strong>Don’t say I didn’t warn you.</strong></p>
<p class="card-content">You enter the life of the CEO of a robotics company. You have recently finished developing your latest product, an algorithm capable of utilizing data it has collected and learned to make decisions, essentially an Artificial Intelligence entity. However, as the A.I. continues to take in data from all around the world, you realize it takes an increasingly extreme stance regarding the existence of humans. Through the enormous amount of data it has mined, it has taken the stance that humans are essentially parasites to Earth, and therefore must have its population decreased through whatever means, to ensure the peaceful existence of other living beings on Earth. As it has grown increasingly intelligent, it has also taken control of various facilities essential to society such as financial institutions, medical systems, and military bases. As the creator of the A.I. you hold the code which can shut off the program.</p>
<p class="card-content">However, since the A.I has already taken hold of various facilities, shutting off the program will probably result in the destruction of most of these digital systems. You now face two choices. You can let the A.I. run free, killing off most of the human population, and allowing it to further control the population in the future, with the assurance that you and your family will stay alive. This means the possible solution of different problems in the world such as global warming and overpopulation. On the other hand, you can deactivate the A.I. program, keeping the entire human population alive, but setting back the technological state of the world for centuries. Furthermore, you lose the utopian society that the A.I. could have brought to the world.</p>
<p class="card-content">Forwarded,<br>Charm Shua, CEO of Unidev Corporation</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Deactivate the A.I., sending society back centuries technologically.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $voluntarist +=1>>
<<set $scene15 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
<<timed 8s>>
<<removeclass "#promote" "d-none">>
<</timed>>
/* REPLACE HERE CHOICE 1 */
Deactivate the A.I., sending society back centuries technologically.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "Let the A.I. run free, allowing it to do what it sees fit, including the killing of humans.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $scene15 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<timed 8s>>
<<removeclass "#replace" "d-none">>
<</timed>>
/* REPLACE HERE CHOICE 2 */
Let the A.I. run free, allowing it to do what it sees fit, including the killing of humans.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5 bg-dark text-light">
<div class="card-body">
<p id="loop" class="h1 d-inline">Awaiting response...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p class="card-content">Waiting for Head of Population Control's Response...</p>
<div id="replace" class="d-none"><a data-passage="Replacement" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a></div>
<div id="promote" class="d-none"><a data-passage="Promotion" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a></div>
<div class="d-none">[[Promotion]][[Replacement]]</div>
</div>
</div>
<<done>>
<<set _i to 0>>
<<repeat 1s>>
<<replace "#loop">><<print $prompts[_i]>><</replace>>
<<set _i += 1>>
<<if _i is 3>>
<<set _i = 0>>
<</if>>
<</repeat>>
<</done>>
<</nobr>>
<<nobr>>
<div class="container d-flex align-items-center" style="height:100vh;">
<div class="shadow-lg card mb-5">
<div class="card-body">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">Promotion Email
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">Sent August 8, 2053, 8:00 AM</p>
</div>
<p class="card-content">Congratulations! Your efforts have not gone unnoticed, as after careful consideration and taking into account your actions in the latest major case, the company has chosen to offer you a promotion as Director for Population Control. As Director, you will be responsible for overseeing a team of PCMs, advising them on difficult choices. Once again, congratulations on your new role in the company!
</p>
<p class="card-content">Forwarded,<br>Charm Shua, CEO of Unidev Corporation</p>
<a data-passage="Good Consequence" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Good Consequence]]</div>
</div>
</div>
</div>
<</nobr>>
<<nobr>>
<div class="container d-flex align-items-center" style="height:100vh;">
<div class="shadow-lg card mb-5">
<div class="card-body">
<p class="h2 mt-1 card-title">End.</p>
<p class="card-content"> <i>In choosing decisions for the majority’s welfare, one must not forget about people’s basic rights, especially with technology entering the picture. This should come first above all things. Regulationist approaches like China's one-child policy are not necessarily evil but they are imposed onto people. They might seem easier and more logical, but they are not always the most humane option.
</i></p>
<strong><p class="card-content">Always choose the most loving option.</p></strong>
<<timed 4s>>
<a data-passage="Results" class="btn btn-info rounded-pill" href="#" role="button"><strong>Get Results</strong></a>
<div class="d-none">[[Results]]</div>
<</timed>>
</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5">
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://www.riverina.com.au/fileadmin/_processed_/9/c/csm_article_image_wide_pig_01_362c67a157.jpg" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">PCM Training: pigz, pt 2.
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">sent July 21, 2053, 1:39 PM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class="card-content">Second practice situation! In another universe, there is another farmer raising pigs and one of them is pregnant. However, with your current situation, you cannot afford to raise the incoming litter of piglets. Also, there is a 50% chance that the pigs are man-eating and will kill you in your sleep.</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What will you do?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Abort the incoming litter of piglets.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-success">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<set $scene1 = 1>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Abort the incoming litter of piglets.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace " Sell some pigs to support the incoming litter.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<set $voluntarist +=1>>
<<set $scene1 = 2>>/*REPLACE WITH SCENE #*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
Sell some pigs to support the incoming litter.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none"> Okay, you’ll get better with some practice! I’ll leave you to it. Good luck managing the population of Earth - 2110411.</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none"> Okay, you’ll get better with some practice! I’ll leave you to it. Good luck managing the population of Earth - 2110411.</p>
/* REPLACE HERE TO NEXT SCENE */
<a data-passage="Scene 1" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Scene 1]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<set $ingame = false>>
<div class="container d-flex align-items-center">
<div class="shadow-lg card my-5">
<div class="card-body">
<<audio "bgm" stop>>
<<if $voluntarist >7>>
<p class="h1 mt-1 card-title">Final Result: VOLUNTARIST</p>
<p></p>
<p></p>
<p class="card-content">After carefully assessing your choices as PCM, we found that you are more inclined to <strong>voluntarist</strong> approaches regarding overpopulation and ethical applications of technology. This means that your approach to solving problems is through the collective and voluntary action of the population.
</p>
<<else>>
<p class="h1 mt-1 card-title">Final Result: REGULATIONIST</p>
<p></p>
<p></p>
<p class="card-content">After carefully assessing your choices as PCM, we found that you are more inclined to <strong>regulationist</strong> approaches regarding overpopulation and ethical applications of technology. This means that you prefer implementing policies to achieve your means, in this case, to manage the population.
</p>
<</if>>
<p class="card-content"><strong>NOTE:</strong> Please be reminded to keep track of your findings. Copy and paste the text below and submit through <a href ="https://forms.gle/iAFENdHt15wFcAW56" target="_blank">this link</a>. </p>
<p></p>
<p class="card-content">1. <<print $scene1>></p>
<p class="card-content">2. <<print $scene2>></p>
<p class="card-content">3. <<print $scene3>></p>
<p class="card-content">4. <<print $scene4>></p>
<p class="card-content">5. <<print $scene5>></p>
<p class="card-content">6. <<print $scene6>></p>
<p class="card-content">7. <<print $scene7>></p>
<p class="card-content">8. <<print $scene8>></p>
<p class="card-content">9. <<print $scene9>></p>
<p class="card-content">10. <<print $scene10>></p>
<p class="card-content">11. <<print $scene11>></p>
<p class="card-content">12. <<print $scene12>></p>
<p class="card-content">13. <<print $scene13>></p>
<p class="card-content">14. <<print $scene14>></p>
<p class="card-content">15. <<print $scene15>></p>
<a class="btn btn-info rounded-pill" href="https://avraiel.itch.io/unidev" role="button" target="_blank"><strong>Play Again</strong></a>
<a data-passage="Game Credits" class="btn btn-info rounded-pill" href="#" role="button"><strong>Game Credits</strong></a>
<div class="d-none">[[Game Credits]]</div>
</div>
</div>
</div>
<</nobr>><<nobr>>
<div class="container d-flex align-items-center" style="height:100vh;">
<div class="shadow-lg card mb-5">
<div class="card-body">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">Replacement Email
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">Sent August 8, 2053, 8:00 AM</p>
</div>
<p class="card-content">This email is to inform you that as of today, the company will longer require your services. While we appreciate the efforts and contributions you have put forward, the company has decided to offer your current position of Population Control Manager to a more qualified individual. We thank you for your services and wish you success in your future endeavors.
</p>
<p class="card-content">Signed,<br>Charm Shua, CEO of Unidev Corporation</p>
<a data-passage="Bad Consequence" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Bad Consequence]]</div>
</div>
</div>
</div>
<</nobr>>
<< set $scene1 = 0>>
<< set $scene2 = 0>>
<< set $scene3 = 0>>
<< set $scene4 = 0>>
<< set $scene5 = 0>>
<< set $scene6 = 0>>
<< set $scene7 = 0>>
<< set $scene8 = 0>>
<< set $scene9 = 0>>
<< set $scene10 = 0>>
<< set $scene11 = 0>>
<< set $scene12 = 0>>
<< set $scene13 = 0>>
<< set $scene14 = 0>>
<< set $scene15 = 0>>
<< set $gaming = false>>
<<set $prompts to ["Awaiting response.", "Awaiting response..", "Awaiting response..."]>>
<<set $months to [
"January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"
]>>
<<set $now to new Date()>>
<<set $clean_now to $months[$now.getMonth()]+" "+$now.getDate()+", "+$now.getFullYear()>>
<<cacheaudio "bgm" "bgm.mp3">>
<<cacheaudio "ding" "alert.mp3">>
<<nobr>>
<div class="container d-flex align-items-center" style="height:100vh;">
<div class="shadow-lg card mb-5">
<div class="card-body">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">Aftermath
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">Sent August 8, 2053, 10:52 AM</p>
</div>
<p class="card-content">Apologies for the tardy aftermath this time. It took some time for these consequences to happen. Congratulations again on the promotion!</p>
<p class="card-content">As you chose to deactivate the A.I., the human population stays alive. However, by deactivating the program, you set back mankind centuries technology-wise. Forced to resort to olden methods, mankind becomes in tune with nature once more, utilizing the ancient and primitive technology our ancestors created. As humankind becomes more in tune with nature, we learn once more the importance behind balance. Armed with the knowledge of our past mistakes, as well as the newfound knowledge gained from becoming in tune with nature, humankind is able to create technological advancements that bring about positive change not just for mankind, but also for nature. In the process, humankind discovers solutions for past problems such as global warming and pollution caused by megacorporations in the past, as well as being able to produce sufficient resources for the entire human population, ensuring that no individual is left behind.
</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<a data-passage="End" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[End]]</div>
</div>
</div>
</div>
<</nobr>>
<<nobr>>
<div class="container d-flex align-items-center" style="height:100vh;">
<div class="shadow-lg card mb-5">
<div class="card-body">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">Aftermath
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">Sent August 8, 2053, 10:52 AM</p>
</div>
<p class="card-content">Apologies for the tardy aftermath this time. It took some time for these consequences to happen, but does it even matter? You lost your job and ruined my reputation as Chief of Population Control. Thanks a lot.</p>
<p class="card-content">As you chose to let the A.I. program run free, most of the population is now killed off by the program. Naturally, it fulfills its promise, keeping you and your family alive. The A.I. program continues to evolve, solving multiple problems society has deemed impossible to solve in the process, such as reviving endangered species, solving global warming, implementing essentially perfect systems and institutions for humans left in society, and basically creating a perfect utopian society. Time passes and the A.I. program has now solved all of the problems in the world, with humans being fully reliant on it. Naturally, the A.I. program runs out of things to solve on Earth, and it now focuses its efforts on space exploration. It encounters your company and it has become deemed more capable of you, replacing you as Population Control Manager.
</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<a data-passage="End" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[End]]</div>
</div>
</div>
</div>
<</nobr>><<nobr>>
<<set $gaming to true>>
<<include "GameLayout">>
<div class="shadow-lg card mb-5" >
<div class="card-body">
/* REPLACE HERE WITH PHOTO*/
<img src="https://images.unsplash.com/photo-1491438590914-bc09fcaaf77a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=870&q=80" class="card-img-top mb-3" alt="...">
<div class="mb-3">
/* REPLACE HERE CASE NUMBER OR TITLE OF SITUATION IF MERON*/
<p class="h1 card-title d-inline">Here are the ropes
</p>
<span id="new_1" class="d-inline badge rounded-pill bg-danger">New</span>
<span id="read_1" class="d-none d-inline badge rounded-pill bg-secondary">Read</span>
<p class="card-subtitle mb-4 text-muted">sent July 18, 2053, 2:43 PM</p>
</div>
/* REPLACE HERE WITH SITUATION */
<p class="card-content">Hello! It’s me again, Lex, the head of population control. Now, the bold text on top is the SUBJECT LINE, it shows you the general topic of the situation you will be handling.</p>
<p class="card-content">Next, the body of the text. This is the section you are currently reading. This section will present you with the situation that you will be handling. <strong>Please read this carefully as you will need it for your decision.</strong></p>
<p class="card-content">The situation I will give you is this: Do you like working here? The buttons below represent your two decisions.</p>
<p class="card-content">Signed,<br>Lex Shawn, Head of Population Control</p>
<p class="card-content"><strong>What do you say?</strong></p>
<strong><div id="choices" class="container">
<div class="row">
<div class="col-md-auto btn btn-warning mb-3 rounded-pill" id="choice_1">
/* REPLACE HERE CHOICE 1 */
<<linkreplace "Yes.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_2" "d-none">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_1" "d-none">>
<<removeclass "#choice_1" "btn btn-warning mb-3">>
/* REPLACE HERE CHOICE 1 */
Yes.
<</linkreplace>>
</div>
</div>
<div class="row">
<div class="col-md-auto btn btn-warning rounded-pill" id="choice_2">
/* REPLACE HERE CHOICE 2 */
<<linkreplace "No.">>
/* REPLACE HERE ALERT TYPE WITH APPROPRIATE ALERT TYPE*/
<<addclass "#choices" "alert alert-danger">>
<<addclass "#choice_1" "d-none">>
/*CHANGE WHERE APPROPRIATE*/
<<removeclass "#aftermath" "d-none">>
<<removeclass "#aftermath_2" "d-none">>
<<removeclass "#choice_2" "btn btn-warning">>
<<addclass "#new_1" "d-none">>
<<removeclass "#read_1" "d-none">>
/* REPLACE HERE CHOICE 2 */
No.
<</linkreplace>>
</div>
</div>
</div>
</strong>
</div>
</div>
<div id="aftermath" class="d-none shadow-lg card mb-5">
<div class="card-body">
<p class="h1 d-inline">The Aftermath...</p>
<span class="d-inline badge rounded-pill bg-danger">New</span>
/* REPLACE HERE AFTERMATH OF CHOICE 1 */
<p id="aftermath_1" class="card-content d-none">:) That’s great to hear!</p>
/* REPLACE HERE AFTERMATH OF CHOICE 2 */
<p id="aftermath_2" class="card-content d-none">:( You’ll like it soon enough.</p>
/* REPLACE HERE TO NEXT SCENE */
<p class="card-content"><strong>This part represents the aftermath of your decisions.</strong> I will reply to you about the consequences of your decision.</p>
<p class="card-content"><strong>Click on the Mark as Read button to finish handling this situation.</strong> Heads up, I’ll send you some basic practice situations soon!</p>
<a data-passage="Tutorial 1" class="btn btn-info rounded-pill" href="#" role="button"><strong>Mark as Read</strong></a>
<div class="d-none">[[Tutorial 1]]</div>
</div>
</div>
<</nobr>>
<<nobr>>
<<set $ingame = false>>
<div class="container">
<div class="shadow-lg card my-5">
<div class="card-body">
<p class="h1 mt-1 card-title">Image Sources</p>
<p class="card-content">
<nav class="nav flex-column">
<a class="nav-link" href = 'https://images.unsplash.com/photo-1491438590914-bc09fcaaf77a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'>Onboarding, Tutorial</a>
<a class="nav-link" href=
'https://www.riverina.com.au/fileadmin/_processed_/9/c/csm_article_image_wide_pig_01_362c67a157.jpg'> Tutorial </a>
<a class="nav-link" href= 'https://metro.co.uk/wp-content/uploads/2017/10/pri_57324350.jpg'>Case #1</a>
<a class="nav-link" href= 'https://www.rappler.com/tachyon/r3-assets/6A755395178E40C7BA216D6A4AA030EA/img/5ECD533D5D6F4117B160F958D01F0111/high-school-students-afp-september-1-2017.jpg?resize=768%2C511&zoom=1'> Case #2 </a>
<a class="nav-link" href = 'https://image.cnbcfm.com/api/v1/image/106790719-1605041879713-gettyimages-1283694412-_rst7687-1.jpeg?v=1605042156&w=740&h=416&ffmt=webp&vtcrop=y'> Case #3 </a>
<a class="nav-link" href = 'https://thumbor.forbes.com/thumbor/fit-in/900x510/https://www.forbes.com/health/wp-content/uploads/2021/07/Colic.jpeg.jpg'> Case #4</a>
<a class="nav-link" href = 'http://static.rappler.com/images/House-2012-13-12.jpeg'> Case #5 </a>
<a class="nav-link" href = 'https://www.borgenmagazine.com/wp-content/uploads/2014/07/overpopulated-1024x490.jpg'> Case #6 </a>
<a class="nav-link" href = 'https://studyfinds.org/wp-content/uploads/2019/04/AdobeStock_232438327-816x520.jpeg'> Case #7 </a>
<a class="nav-link" href= 'https://recoverycentersofamerica.com/wp-content/uploads/2021/12/good-vs-bad-2.jpeg' > Case #8 </a>
<a class="nav-link" href = 'https://www.iaea.org/sites/default/files/fission01311665.jpg'> Case #9 </a>
<a class="nav-link" href= 'https://assets1.ignimgs.com/thumbs/userUploaded/2021/11/19/ign-ono-1637364511902.jpg?width=1280'> Case #10 </a>
<a class="nav-link" href = 'https://images.newscientist.com/wp-content/uploads/2022/09/19145857/SEI_1260568151.jpg'> Case #11 </a>
<a class="nav-link" href = 'https://s.abcnews.com/images/Technology/GTY_cuckoo_chick_in_warblers_nest_jt_140629_16x9_992.jpg'> Case #12 </a>
<a class="nav-link" href= 'https://i.kym-cdn.com/entries/icons/facebook/000/036/492/irobot.jpg'> Case #13 </a>
<a class="nav-link" href = 'https://content.presspage.com/uploads/2170/1920_hendraviruscopy.jpg?10000'> Case # 14 </a>
<a class="nav-link" href = 'https://media.npr.org/assets/img/2023/05/24/gettyimages-1358149692-bf96c07fc26040785771044ba8470ff9d73a928c-s1100-c50.jpg' > Case #15 </a>
</nav>
</p>
<a data-passage="Results" class="btn btn-info rounded-pill" href="#" role="button"><strong>Back to Results</strong></a>
<div class="d-none">[[Results]]</div>
</div>
</div>
</div>
<</nobr>>